$aa: 0.4rem;
@font-face {
  font-family: 'titleFont';
  src: url(../common//font/One.ttf) format('truetype');
}
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
#app {
  height: 100vh;

  background-image: url('@common/img/back1.webp');
  .van-nav-bar {
    font-family: 'titleFont';
    font-weight: 100;
    --van-nav-bar-title-text-color: #dd91b4;
    background-image: linear-gradient(to bottom, #ffffff, #f7ccea);
    height: 8vh;
    line-height: 8vh;
    --van-nav-bar-title-font-size: 3vh;
    .van-nav-bar__content {
      display: block;
    }
  }
  .van-tabbar {
    --van-tabbar-height: 7vh;
  }
}
.home {
  height: 85vh;
  overflow: auto;

  .van-swipe {
    margin: 1vh 2vw 2vh 2vw;
    border-radius: 20px;
    .van-swipe-item {
      color: #ffffff;
      font-size: 20px;
      line-height: 150px;
      text-align: center;
      background-color: #39a9ed;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .circle-nav {
    padding: 0 2vh;
    display: flex;
    justify-content: space-around;
    .van-circle__text {
      --van-circle-text-font-size: 0.4rem;
    }
  }
  //中间计划单元格
  .middle {
    padding: 3vh 0vh;

    .van-cell {
      width: calc(100vw - 4vh);
      margin: 0vh 2vh !important;
      .van-cell__title {
        flex-grow: 2;
        font-size: 0.4rem;
      }
      border-radius: 2vh;
      margin: 1vh 0;
      // height: 10vh;
      --van-cell-font-size: $aa;
    }
    .van-swipe-cell__right {
      display: flex;
      align-items: center;
      justify-content: space-around;
    }
    .btn-nav {
      margin-left: 0.5vh;
      .van-button {
        margin: 0 0.5vh;
        font-size: 0.4rem;
        padding: 1vh 3vh;
        color: white;
        font-weight: 900;
        border: none;
      }
    }
  }
  //添加地点
  .addPoint {
    position: relative;
    color: #ffffff;
    text-align: center;
    font-size: 0.6rem;
    z-index: 10;
    top: 3vh;
    &::before {
      content: '';
      margin: 0 2vh;
      position: absolute;
      height: 10vh;
      width: calc(100vw - 4vh);
      background-image: url(../common//img//home//btnBack1.jpg);
      border-radius: 20px;
      background-size: cover;
      opacity: 0.7;
      left: 0;
      top: -3vh;
      z-index: -1;
    }
  }
}
.map {
  width: 100%;
  .BMap_bubble_title {
    font-size: 0.4rem;
  }
  #container {
    height: 85vh;
    width: 100%;
  }
  .addBtn {
    width: 50px;
    position: absolute;
    z-index: 10;
    top: 40vh;
    left: -3vh;
    transition: all 0.5s;
  }
  .van-popup {
    background-color: #f0e3ece0;
    & > h1 {
      text-align: center;
      // height: 4vh;

      margin: 0;
    }
    & > .van-search {
      background-color: transparent;
    }
    & > .van-cell-group {
      background-color: transparent;
      max-height: 70%;
      overflow: auto;
      .van-cell {
        background-color: transparent;
      }
    }
  }
}
